<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html lang="en">
<head>
 <!-- 给当前页面域添加一段java代码，用来自动获取当前项目名，不写死,然后再通过EL表达式获取 -->
    <%
    	pageContext.setAttribute("PATH",request.getContextPath());
    
     %>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" href="${PATH }/css/reset.css">
	<link rel="shortcut icon" href="favicon.ico" >
	<link rel="stylesheet" href="${PATH }/css/webstyle.css">
	<script src="${PATH }/js/jquery-v1.10.2.min.js" type="text/javascript"></script>

	<title>淮安结婚网</title>
</head>
<body>
	<!-- 公共头部 -->
	<div class="common-header">
		<div class="header-content layout">
			<img src="${PATH }/img/logo/logo.png">
		</div>
		<div class="nav clearfix">
			<ul class="layout">
				<li><a href="${PATH }/">首页</a></li>
				<li><a href="${PATH }/user/yxhq/list.go">优选婚庆</a></li>
				<li><a href="${PATH }/user/yxjd/list.go">优选酒店</a></li>
				<li><a href="${PATH }/user/yxzc/list.go">优选主持</a></li>
				<li><a href="${PATH }/user/yxhz/list.go">优选化妆礼服</a></li>
				<li><a href="${PATH }/user/yxsx/list.go">优选摄像</a></li>
				<li class="active"><a href="${PATH }/user/yxsy/list.go">优选摄影</a></li>
				<li><a href="${PATH }/user/service/list.go">优选服务商</a></li>
			</ul>
		</div>
	</div>

	
	<!-- 内页通用广告 -->
	<div class="common-ad">
		<c:forEach items="${advers }" var="list" begin="3" end="3">
			<a href="${PATH }${list.advertisementUrl }"><img src="${list.advertisement }" alt=""></a>
		</c:forEach>
	</div>

    <!-- 面包屑导航 -->
    <div class="common-breadnav layout clearfix">
        <ul class="common-breadnav-list clearfix">
            <li>
                <a href="${PATH }/">首页</a>
            </li>
            <li>>></li>
            <li>
               	优选摄影
            </li>
        </ul>
    </div>
    

	<!-- 优选主持、化妆、摄影、摄像、酒店 -->
	<div class="common-mod-tab layout clearfix">
		<ul class="common-tabs clearfix">
            <li><a href="${PATH }/user/yxhq/list.go">优选婚庆</a></li>
            <li><a href="${PATH }/user/yxjd/list.go">优选酒店</a></li>
			<li><a href="${PATH }/user/yxzc/list.go">优选主持</a></li>
			<li><a href="${PATH }/user/yxhz/list.go">优选化妆</a></li>
            <li><a href="${PATH }/user/yxsx/list.go">优选摄像</a></li>
            <li class="active"><a href="${PATH }/user/yxsy/list.go">优选摄影</a></li>
        </ul>
        <div class="panel active">
			<ul class="common-list clearfix">
				<c:forEach items="${yxsys }" var="list">
					<li><!-- 这里是6个摄影师 -->
						<a href="${PATH }/user/yxsy/${list.id}.go">
							<div class="common-list-img">
								<img src="${list.picture }" alt="摄影师图片">
							</div>
							<div class="common-list-info">
								<h3>${list.name }</h3>
								<p><span>${list.region }</span>|<span>${list.experience }</span><span class="common-info-price">${list.price }</span></p>
							</div>
						</a>
					</li>
				</c:forEach>
				
			</ul>
			
		</div>
	</div>

	<!-- 广告位 2-->
	<div class="index-ad layout">
		<c:forEach items="${advers }" var="list" begin="1" end="1">
			<a href="${PATH }${list.advertisementUrl }"><img src="${list.advertisement }" alt="广告位2"></a>
		</c:forEach>
	</div>
	
	
	<!-- 引入模板 ，服务商、酒水、底部栏、侧边栏-->
	<jsp:include page="FooterTemplete.jsp"></jsp:include>

	<!-- 侧边栏js -->

	<script type="text/javascript">
		$(document).ready(function(){

		$("#leftsead a").hover(function(){
			if($(this).prop("className")=="youhui"){
				$(this).children("img.hides").show();
			}else{
				$(this).children("img.hides").show();
				$(this).children("img.shows").hide();
				$(this).children("img.hides").animate({marginRight:'0px'},'slow'); 
			}
		},function(){ 
			if($(this).prop("className")=="youhui"){
				$(this).children("img.hides").hide('slow');
			}else{
				$(this).children("img.hides").animate({marginRight:'-143px'},'slow',function(){$(this).hide();$(this).next("img.shows").show();});
			}
		});

		$("#top_btn").click(function(){if(scroll=="off") return;$("html,body").animate({scrollTop: 0}, 600);});

		});
	</script>
	
</body>
</html>